<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>发起申请</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <!-- 样式初始化 自定义文件 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 下面所有都是库文件 -->
    <link rel="stylesheet" href="../newtp/lib/weui.min.css">
    <link rel="stylesheet" href="../newtp/css/jquery-weui.css">
    <link rel="stylesheet" href="../newtp/css/theme.css">
    <script src="../newtp/lib/jquery-2.1.4.js"></script>
    <script src="../newtp/lib/fastclick.js"></script>
    <script src="../newtp/js/jquery-weui.js"></script>
<style>
/*最外层*/
.page-container{height: 100%;width: 100%;  overflow: hidden; }
/*顶部*/
.page-top{ height: 50px; top:0; background:#fff; }
.g-back{ float: left; width: 80px;  height: 50px;background: url(../img/g_03.png) center no-repeat; background-size: 18px; }
.g-other{float: right;width: 80px; height: 50px;line-height: 50px;text-align: center;color:#2bb1ff;font-size: 14px; }
.t-title{ display:block; line-height: 50px; width: 100%;  text-align: center; }
/*内容容器*/
/*内容*/
.page-wrap{ height: 100%; width: 100%; background:#f8f8f8;overflow-y: auto; }
.xq-top{ /*height: 100px; */overflow: hidden; margin-top: 10px; padding:10px 15px; background: #fff; border-bottom: 1px solid #f2f2f2; }
.xq-ss{ font-size: 14px; color: #666; }
.r-num{ float: right; font-size: 14px; padding:5px 10px; background: #f2f2f2; }
.xq-text{ background: #fff; padding: 10px 15px; }
.xq-other{ font-size: 14px ; color:#2bb1ff; text-align: right; }

.xq-hui{ margin-top: 10px; padding:5px 10px;  background: #fff;  }
.xq-hui textarea{ display: block;margin-top: 10px;  width:100%; height: 100px; border:1px solid #f2f2f2; }
.huiBtn{ display: block; width: 80px; height: 30px; margin:15px auto; line-height: 30px; text-align: center; color: #fff; background:#2bb1ff;  }
</style>
</head>
<body>
<div class="page-container">
    <div class="weui-tab">
           <!-- 头部 -->
            <div class="weui-navbar page-top">
                    <a  href="javascript:history.back(-1);" class="g-back"></a>                   
                    <span class="t-title">查看详情</span>  
                    <a  class="g-other" ></a>
            </div>
            <!-- 内容区 -->
            <div class="weui-tab__bd page-wrap" > 
                    <div class="xq-top">
                           <p class="xq-title">这里是标题</p>
                           <div class="xq-ss">
                                  <span>发布者:</span>
                                  <span>管理员</span>&nbsp;&nbsp;
                                  <span>发布时间:</span>
                                  <span>2018-05-16 16:22</span>
                           </div>
                           <div>
                                  <span class="r-num">9人未读</span>
                           </div>
                    </div>
                    <div  class="xq-text">
                           <p>这里是内容</p>
                           <p>这里是内容</p>
                           <p>这里是内容</p>
                           <p>这里是内容</p>
                           <p>这里是内容</p>
                           <p class="xq-other">其他</p>
                    </div>

                    <div  class="xq-hui">
                           <p>回复</p>
                            <textarea name="" id="" placeholder="请输入回复内容"></textarea>
                            <a href="###" class="huiBtn">提交</a>
                    </div>
            </div>

      </div>
</div>

</body>
<script>

</script>
</html>